<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Metabolite Graph</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256" />
<style type="text/css">
.menuHead { font-weight: bold; font-size: larger; background-color: #A9A9A9;}
.menuChoices { background-color: #DCDCDC; width: 220px;}
.menu a {color: #000000; text-decoration: none;}
.menu a:hover {text-decoration: underline; background: #258; color:#9cf;}
/* position your menus */
#menu1 {position: absolute; top: 10px; left: 10px; width: 220px;}
#menu2 {position: absolute; top: 10px; left: 230px; width: 220px;}
#menu3 {position: absolute; top: 10px; left: 450px; width: 220px;}
#menu4 {position: absolute; top: 10px; left: 670px; width: 220px;}
#menu5 {position: absolute; top: 10px; left: 890px; width: 220px;}
/*#menu6 {position: absolute; top: 10px; left: 1110px; width: 220px;}*/
#contents {position: absolute; top: 50px; left: 10px; width: 1200px;}
-->
</style>
<script type="text/javascript">
<!--
/* we'll only allow DOM browsers to simplify things*/
(document.getElementById ? DOMCapable = true : DOMCapable = false);
function hide(menuName)
{
if (DOMCapable)
{
var theMenu = document.getElementById(menuName+"choices");
theMenu.style.visibility = 'hidden';
}
}
function show(menuName)
{
if (DOMCapable)
{
var theMenu = document.getElementById(menuName+"choices");
theMenu.style.visibility = 'visible';
}
}
//-->
</script>
</head>	
<body>
	<div id="contents" dir="ltr">
	<b>The network contains {{nnode}} nodes and {{nlink}} links. The average path length is {{apl|floatformat:4}}. It is 
		{% if not con %}
		not 
		{% endif %}
		fully connected.  You can save the network or do various structure analysis from the drop down menu.</b>
</br>
<!--	
<table cellspacing="5">
<thead>
<tr>
	<th>Metabolite 1</th>
	<th>Metabolite 2</th>
	<th>Reaction</th>
</tr>
</thead>
<tbody>
	{% for link in metlinks %}
	<tr><td><a href="http://www.genome.jp/dbget-bin/www_bget?cpd:{{link.com1}}">{{link.com1}}</a></td>
		<td><a href="http://www.genome.jp/dbget-bin/www_bget?cpd:{{link.com2}}">{{link.com2}}</a></td>
		<td><a href="http://www.genome.jp/dbget-bin/www_bget?rn:{{link.rea}}">{{link.rea}}</a></td>
		{% endfor %}
	{% comment %}
	{% for link in mls %}
	<tr><td><a href="http://www.genome.jp/dbget-bin/www_bget?cpd:{{link|slice:"0:1"}}">{{link|slice:"0:1"}}</a></td>
		<td><a href="http://www.genome.jp/dbget-bin/www_bget?cpd:{{link|slice:"1:2"}}">{{link|slice:"1:2"}}</a></td>
		<td><a href="http://www.genome.jp/dbget-bin/www_bget?rn:{{link|slice:"2:3"}}">{{link|slice:"2:3"}}</a></td>
		{% endfor %}
{% endcomment %}		
</tbody>
</table>
-->
</div>
<div id="menu1" dir="rtl" class="menu" onmouseover="show('menu1');" onmouseout="hide('menu1');">
<div class="menuHead">Save network</div>
<div id="menu1choices" class="menuChoices">
<a href="/net/save/pajek">Pajek format</a><br />
<a href="/net/save/edges">Edge list</a><br />
<a href="/net/save/dot">DOT file</a><br />
<a href="/net/save/gml" title="readable by cytoscape">GML</a><br />
</div>
</div>
<div id="menu2" dir="rtl" class="menu" onmouseover="show('menu2');" onmouseout="hide('menu2');">
<div class="menuHead">Degree distribution</div>
<div id="menu2choices" class="menuChoices">
<a href="/net/degree/input" title="for directed network">Input degree</a><br />
<a href="/net/degree/output" title="for directed network">Output degree</a><br />
<a href="/net/degree/all">All degree</a><br />
</div>
</div>
<div id="menu3" dir="rtl" class="menu" onmouseover="show('menu3');" onmouseout="hide('menu3');">
<div class="menuHead">Centrality analysis</div>
<div id="menu3choices" class="menuChoices">
<a href="/net/centrality/degree">Degree centrality</a><br />
<a href="/net/centrality/closeness">All closeness</a><br />
<a href="/net/centrality/betweeness">Betweeness</a><br />
<a href="/net/centrality/ebetweeness">Edge betweeness</a><br />
<a href="/net/centrality/load">Load centrality</a><br />
</div>
</div>
<div id="menu4" dir="rtl" class="menu" onmouseover="show('menu4');" onmouseout="hide('menu4');">
<div class="menuHead">Connectivity analysis</div>
<div id="menu4choices" class="menuChoices">
<a href="/net/connectivity/wcomp">Weak components</a><br />
<a href="/net/connectivity/scomp">Strong components</a><br />
<a href="/net/connectivity/bowtie">Bow tie structure</a><br />
<a href="/net/connectivity/indomain">Input domain</a><br />
<a href="/net/connectivity/outdomain">Output domain</a><br />
</div>
</div>
<div id="menu5" dir="rtl" class="menu" onmouseover="show('menu5');" onmouseout="hide('menu5');">
<div class="menuHead">Pathway/visualization</div>
<div id="menu5choices" class="menuChoices">
<a href="/net/path">Find pathways</a><br />
<a href="/net/vis">Visualization</a><br />
<a href="/net/dec">Decomposition</a><br />
</div>
</div>

<script type="text/javascript">
<!--
/* Don't hide menus for JS off and older browsers */
if (DOMCapable)
{
hide("menu1");
hide("menu2");
hide("menu3");
hide("menu4");
hide("menu5");
}
//-->
</script>

</body>
</html>
